<link type="text/css" rel="stylesheet" href="../business/szyb/css/modelmap.css">
<div class="modelMapContainer">
    <div class="modelmap-top">
        <div>
            <label>站点选择</label>
            <select id="areaSelect">
            </select>
        </div>
        <div>
            <label>起报时间</label>
            <div id="modelmapQbTime"></div>
        </div>
    </div>
    <div class="modelmap-content">
        <div class="modelmap-content-left">
            <div class="modelmap-title">市台站2020-01-06 20:00 T-LogoP探空曲线</div>
            <div class="modelmap-img">
                <img src="" alt="" srcset="" class="hidden">
            </div>
        </div>
        <ul class="modelmap-content-right">
            <li>产品名称：<span>T-LogoP</span></li>
            <li class="areacode">台站代码：<span></span></li>
            <li class="areaName">台站名称：<span></span></li>
            <li class="lon">台站经度：<span></span></li>
            <li class="lat">台站纬度：<span></span></li>
            <li class="date">观测日期：<span></span></li>
            <li class="time">观测时间：<span></span></li>
        </ul>
    </div>
    <div class="modelmap-footer">
        <div class="timelineBox">
            <ul id="timelineBox"></ul>
        </div>
        <ul id="switch">
            <li id="prev"></li>
            <li id="next"></li>
        </ul>
        <ul class="product-play-control">
            <li class="product-play-time">
                <i>1</i>
                <i class="active">5</i>
                <i>10</i>
            </li>
            <li class="product-control-btn play"></li>
        </ul>
    </div>
</div>
<script src="../business/szyb/js/modelmap.js"></script>